import React, { useState } from 'react'
import { Input, Button } from 'antd-mobile'
import styles from './appys.module.css'
import { SmileOutline, PictureOutline, BankcardOutline } from 'antd-mobile-icons'
function App() {
  const [value, setValue] = useState('')
  const dianj = () => {
    const fles = document.createElement('input')
    fles.type = 'file'
    fles.click()
  }
  return (
    <div className={styles.appBox}>
      <main></main>
      <footer>
        <div className={styles.tupian}>
          <span><SmileOutline /></span>
          <span onClick={() => dianj()}><PictureOutline /></span>
          <span><BankcardOutline /></span>
        </div>
        <Input
          placeholder='请输入您想要咨询的内容'
          value={value}
          onChange={val => {
            setValue(val)
          }}
        />
        <Button className={styles.btnant}>发送</Button>
      </footer>
    </div>
  )
}

export default App
